<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/scrollbar.css">
<!-- 响应式表格 -->
<div class="table-responsive">
    <table class="table table-bordered table-hover table-condensed ">
        <thead>
            <tr class="active">
                <th>ID</th>
                <th>文章标题</th>
                <th>文章封面</th>
                <th>分类</th>
                <th>点击量</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <script src="../assets/js/jquery.js"></script>
    <script>
        $(function () {
            var html = '';
            for (var i = 0; i < 20; i++) {
                html += `
            <tr>
                <td>${i + 1}</td>
                <td>罗永浩直播带货翻车现场${i + 1}</td>
                <td>图片</td>
                <td>电子数码</td>
                <td>${i + 1000}</td>
                <td>
                    <button class="btn btn-success btn-xs">编辑</button>
                    <button class="btn btn-danger btn-xs">删除</button>
                </td>
            </tr>`;
            }
            $('tbody').html(html);
        }); 
    </script>
</div>